<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>微博- ${website}</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/personmain.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
<%@ include file="/common/sitenav.jsp"%>
<div id="window">
	<div id="page">
		<!--头部start -->
		<jsp:include page="/common/person/header.jsp">
			<jsp:param value="post" name="column" />
		</jsp:include>
		<!--end头部-->
		<div class="section clearfix mtxl">
        	<!-------------------------------------左边------------------------------------>
        	<div class="lfloat float-friend">
            	<div class="mbs">
                    <div class="search">
                        <input type="text" onclick="javascript:this.value=''" value="搜索人、标签" />
                    </div>
                </div>
                <div class="mbs b-top">
                	<ul>
                    	<li class="friend"><a href="#" class="friend-title label">创意</a><i class="friend-num">102 +</i></li>
                        <li class="friend"><a href="#" class="friend-title label">平面</a><i class="friend-num">102 +</i></li>
                        <li class="friend"><a href="#" class="friend-title label">广告</a><i class="friend-num">102 +</i></li>
                        <li class="friend"><a href="#" class="friend-title label">视觉</a><i class="friend-num">102 +</i></li>
                        <li class="friend"><a href="#" class="friend-title label">创意</a><i class="friend-num">102 +</i></li>
                        <li class="friend"><a href="#" class="friend-title label">人物</a><i class="friend-num">102 +</i></li>
                    </ul>
                </div>
        		<div class="blog-friends">
					<h3>可能感兴趣的人</h3>
					<div class="friends-list clearfix pam">
						<ul >
							<li >
								<a href="#" class="friends-pic"><img src="images/demo/userPic1.jpg" alt="" /></a>
								<div class="knownInfo">
									<p><a href="#">木村拓哉</a><i class="zan-ico"></i></p>
									<p><span>时装摄影</span></p>
                                    <button type="button" class="blog-attent">+ 关注</button>
								</div>
							</li>
							<li>
								<a href="#" class="friends-pic"><img src="images/demo/userPic2.jpg" alt="" /></a>
								<div class="knownInfo">
									<p><a href="#">木村拓哉</a><i class="zan-ico"></i></p>
									<p><span>时装摄影</span></p>
                                    <button type="button" class="blog-attent">+ 关注</button>
								</div>
							</li>
							<li>
								<a href="#" class="friends-pic"><img src="images/demo/userPic3.jpg" alt="" /></a>
								<div class="knownInfo">
									<p><a href="#">木村拓哉</a><i class="zan-ico"></i></p>
									<p><span>时装摄影</span></p>
                                    <button type="button" class="blog-attent">+ 关注</button>
								</div>
							</li>
							<li>
								<a href="#" class="friends-pic"><img src="images/demo/userPic1.jpg" alt="" /></a>
								<div class="knownInfo">
									<p><a href="#">木村拓哉</a><i class="zan-ico"></i></p>
									<p><span>时装摄影</span></p>
                                    <button type="button" class="blog-attent">+ 关注</button>
								</div>
							</li>
							<li>
								<a href="#" class="friends-pic"><img src="images/demo/userPic2.jpg" alt="" /></a>
								<div class="knownInfo">
									<p><a href="#">木村拓哉</a><i class="zan-ico"></i></p>
									<p><span>时装摄影</span></p>
                                    <button type="button" class="blog-attent">+ 关注</button>
								</div>
							</li>
							<li >
								<a href="#" class="friends-pic"><img src="images/demo/userPic3.jpg" alt="" /></a>
								<div class="knownInfo">
									<p><a href="#">木村拓哉</a><i class="zan-ico"></i></p>
									<p><span>时装摄影</span></p>
                                    <button type="button" class="blog-attent">+ 关注</button>
								</div>
							</li>
						</ul>
					</div>
				</div>
        	</div>
            <!-------------------------------------右边------------------------------------>
        	<div class="rfloat">
				<div class="user-blog rfloat">
					<h1>微博</h1>
					<div class="blog-list clearfix pam">
						<ul>
							<c:forEach var="post" items="${posts}">
								<li class="blog-detail clearfix">
									<div class="userPic lfloat">
										<a title="" href="#">
											<img src="${imgUrl}/userPic.jpg" alt="" />
										</a>
									</div>
									<div class="msgBox">
										<div class="userName">
											<strong>
												<a title="" href="#" class="scolor">${post.nickName}</a>
												<a class="vip" target="_blank" title="认证" href="#"><i class="zan-ico"></i></a>
											</strong><c:if test="${!empty post.tranPost}">转播</c:if>:&nbsp;
										</div>
										<div class="msgCnt">${post.content}</div>
										<div class="replyBox">
											<c:if test="${!empty post.tranPost}">
												<div class="msgPT">
													<div class="userName">
														<strong>
															<a title="" href="#" class="scolor">${post.tranPost.nickName}</a><a class="vip" target="_blank" title="认证" href="#"><i class="zan-ico"></i></a>:
														</strong>${post.tranPost.content}
													</div>
													<div class="pubInfo fss">
														<span class="remark">
															<a href="#" target="_blank" class="time" title="">${post.tranPost.createAtStr}</a>
															<a target="_blank" class="f" href="#">${post.tranPost.userType}</a>
															<a target="_blank" href="#" class="zfNum">原文转播(<b class="relayNum">${post.tranPost.transferred}</b>)</a>
															<span>|</span>
															<a target="_blank" href="#" class="plNum">原文评论(<b class="relayNum">${post.tranPost.comments}</b>)</a>
														</span>
													</div>
												</div>
											</c:if>
										</div>
										<div class="pubInfo clearfix fsm">
											<div class="remarks lfloat">
												<a href="#" target="_blank" class="time" title="">${post.createAtStr}</a>
												<a href="#" target="_blank" class="f">>${post.userType}</a>
											</div>
											<div class="funBox rfloat">
												<a class="relay" href="#">转播(<b class="relayNum">${post.transferred}</b>)</a>
												<span>|</span>
												<a class="comt" href="#">评论(<b class="relayNum">${post.comments}</b>)</a>
												<span>|</span>
												<div class="mFun pr">
													<a href="#">更多<i class="btn_ldrop"></i></a>
													<ul class="mFunDrop pa" style="display:none">
														<li><a href="#">对话</a></li>
														<li><a href="#">收藏</a></li>
														<li><a href="#">分享</a></li>
														<li><a href="#">详情</a></li>
														<li><a href="#">举报</a></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</li>
							</c:forEach>
						</ul>
						<div class="pagination8 mtm">
								<a class="prev-page" href="#"><span>上一页</span>
								</a> <span class="current-page">1</span> <a class="next-page"
									href="#"><span>下一页</span>
								</a>
						</div>
					</div>
				</div>
        	</div>
		</div>
		
		 <!-- footer start -->
		<%@ include file="/common/footer.jsp"%>
		<!-- footer end -->
	</div>
</div>
</body>  
</html>